<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'fl53a1af9761a242f8bad82099638f939a','Kab261785ee4904cc1befd337a27d1423e','kvbc8b7db26aeb4d229c5633adae691050','vt4bb6dd920d8e4dc7beb814f66d7ca55f','_Z9b290f0b88474c69aabba5fdbba3d03b','Cg192287d46f7548748a39bba2831241b2','Bl545da9d9a34d48aa8d73632ff0b286b8','EAdb3c4850d67c487787147cc26721dc7f','RBc10e1621a4de4ebcbc22216b54c704e8','l7a17ef1f30fab492d892346ab98ee5ffc','NE46d7b4b420c14a178422f0a3e0576bdb','X6f847f24a069f4b72a272839cfcaa8184','dg9773433e3cd44316badf2784d105676c','lg3ea882696ed8424f9e8bb395ccbe12ee','eUa58064833e124bf9a8ed52f4f2fb50c1','Xv1abc815478704223a1f6b5f3d29fdc6f','Gte2b5dbe8477c4f0abdca721183370c70','_cdf7793feac1043c5af46406784c9093f','H21446eec9edf348bba4f8b33598cd4e4f','aRfe54b468f07e4d40bc68a074df4cf075','rH864ecffb1583488a90be4fabe91bb205','Ol10c30442af2040928f5a226d70473f46'"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> 
  <meta name="apple-mobile-web-app-capable" content="yes"> 
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta name="format-detection" content="telephone=yes"> 
  <meta http-equiv="x-rim-auto-match" content="none"> 
  <link rel="stylesheet" href="http://www.joffre-jewelry.com/resource/plugin/mui/css/mui.min.css">
  <link href="http://hwfile.jyymatrix.cc/public/css/reset.css" rel="stylesheet"> 
  <link href="http://at.alicdn.com/t/font_952431_3awhglsw4wx.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/joffre/mobile/css/common.css" rel="stylesheet"> 
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>首页${网页标题}</title>
  <style>#slider2 .mui-slider-group{ width: 48%; } #slider2 .mui-slider-item{ } #box img{ margin-top: 15px; width: 100%; } #slider2 img{ width: 170px; height: 170px; margin-bottom: 10px; }</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
  <style type="text/css">
  .title{
      width: 97%;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
  </style>
 </head>  
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <!--轮播图--> 
  <div id="slider" class="mui-slider" style="margin-top:10px;"> 
   <div class="mui-slider-group"> 
    <div class="mui-slider-item"> 
     <a href="#"> <img src="${fl53a1af9761a242f8bad82099638f939a.adImg}" class="zy" data-type="ad" data-id="${fl53a1af9761a242f8bad82099638f939a.adId}"> </a> 
    </div> 
    <div class="mui-slider-item"> 
     <a href="#"> <img src="${Kab261785ee4904cc1befd337a27d1423e.adImg}" class="zy" data-type="ad" data-id="${Kab261785ee4904cc1befd337a27d1423e.adId}"> </a> 
    </div> 
    <div class="mui-slider-item"> 
     <a href="#"> <img src="${kvbc8b7db26aeb4d229c5633adae691050.adImg}" class="zy" data-type="ad" data-id="${kvbc8b7db26aeb4d229c5633adae691050.adId}"> </a> 
    </div> 
   </div> 
   <div class="mui-slider-indicator"> 
    <div class="mui-indicator mui-active"></div> 
    <div class="mui-indicator "></div> 
    <div class="mui-indicator"></div> 
   </div> 
  </div> 
  <h1 style="height:70px ; font-size:20px; text-align:center;line-height:70px;" class="zy" data-type="ad" data-id="${vt4bb6dd920d8e4dc7beb814f66d7ca55f.adId}">${vt4bb6dd920d8e4dc7beb814f66d7ca55f.adTitle}</h1> 
  <!--轮播图--> 
  <div id="slider2" class="mui-slider" style="padding-bottom: 10px;text-align: center;"> 
   <div class="mui-slider-group">


    <cms:pros var="pros" code="rqtj" pageSize="50"  ></cms:pros>
    <c:forEach  var="item" items="${pros}" >
     <div class="mui-slider-item zy" data-type="pro" data-id="${item.id}" >
      <a href="${path }/do/redirect/mobile/productDetail?id=${item.id}" >
       <img src="${item.img}"  > <h3 class="title" >${item.name}</h3> </a>
     </div>
    </c:forEach>


   </div> 
  </div> 
  <div id="box" style="padding:1px 6px;"> 
   <a href=""><img src="${Gte2b5dbe8477c4f0abdca721183370c70.adImg}" alt="" class="zy" data-type="ad" data-id="${Gte2b5dbe8477c4f0abdca721183370c70.adId}"></a> 
   <a href=""><img src="${_cdf7793feac1043c5af46406784c9093f.adImg}" alt="" class="zy" data-type="ad" data-id="${_cdf7793feac1043c5af46406784c9093f.adId}"></a> 
   <a href=""><img src="${H21446eec9edf348bba4f8b33598cd4e4f.adImg}" alt="" class="zy" data-type="ad" data-id="${H21446eec9edf348bba4f8b33598cd4e4f.adId}"></a> 
   <a href=""><img src="${aRfe54b468f07e4d40bc68a074df4cf075.adImg}" alt="" class="zy" data-type="ad" data-id="${aRfe54b468f07e4d40bc68a074df4cf075.adId}"></a> 
   <a href=""><img src="${rH864ecffb1583488a90be4fabe91bb205.adImg}" alt="" class="zy" data-type="ad" data-id="${rH864ecffb1583488a90be4fabe91bb205.adId}"></a> 
   <a href=""><img src="${Ol10c30442af2040928f5a226d70473f46.adImg}" alt="" class="zy" data-type="ad" data-id="${Ol10c30442af2040928f5a226d70473f46.adId}"></a> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/public/js/jquery.min.js"></script> 
  <script src="http://www.joffre-jewelry.com/resource/plugin/mui/js/mui.js"></script>
  <script src="http://hwfile.jyymatrix.cc/joffre/mobile/js/accordion.js"></script> 
  <script>


</script>   
 </body>
</html>